<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
</head>
<body>
    <p>Hello World 1</p>
    <p>Hello World 2</p>
    <script src="../node_modules/d3/dist/d3.js" charset="utf-8"></script>
    <script type="text/javascript">
        d3.select("body").selectAll("p").text("啦啦啦");
        /*
        * 这里涉及一个概念：选择集
        * 使用 d3.select() 或 d3.selectAll() 选择元素后返回的对象，就是选择集。
        * 另外，有人会发现，D3 能够连续不断地调用函数，形如：
        *
        *   d3.select().selectAll().text()
        *
        * 这称为链式语法，和 JQuery 的语法很像。
        * 语法也css选择器类似
        * */
    </script>
</body>
</html>